//iconfont 文件
@import './iconFont';
//基本参数
@import './base';

//向左滑，路由向前
.slide-left-enter-active {
    transition: all .25s;
}
.slide-left-enter {
    transform: translateX(100%);
}
.slide-left-leave-active {
    transition: all .25s;
    transform: translateX(-100%);
}

//向右滑，路由向后退
.slide-right-enter-active, .slide-right-leave-active{
    transition: all .25s;
}
.slide-right-enter {
    transform: translateX(-100%);
}
.slide-right-leave-active {
    transform: translateX(100%);
}

//向下滑出
.slideDown-enter-active, .slideDown-leave-active {
    transition: all .75s ease;
}

.slideDown-enter, .slideDown-leave-active {
    transition: all .75s ease;
    transform: translateY(100%);
}
.slideDown-leave {
    transform: translateY(0);
}

//淡入淡出
.fade-enter-active, .fade-leave-active {
  transition: opacity .3s
}

.fade-enter, .fade-leave-active {
  opacity: 0
}

.loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

.content, .main-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fafafa;
     z-index: 997;
}

.content.hBar {
    padding-bottom: 50px;
}

.form-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 999;
    &.form-vertical{
        justify-content: center;
    }
    .form {
        margin: 0 15px;
        .logo-title {
            margin-top: 0;
        }
    }
}


.input-link-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    a {
        font-size: 12px;
        color: black;
    }
}